<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <div th:include="common"></div>
    <title>登录</title>
    <style type="text/css">
        [v-cloak]{
            display: none
        }

        .title {
            color: var(--weui-BTN-DEFAULT-COLOR);
        }
    </style>
</head>
<body data-weui-theme="light">
<div id="app" class="page" v-cloak>
    <div class="weui-form">
        <div class="weui-form__text-area">
            <h2 class="weui-form__title title">xxx</h2>
            <div class="weui-form__desc">请输入车牌号和手机号登录</div>
        </div>
        <div class="weui-form__control-area">
            <div class="weui-cells__group weui-cells__group_form">
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell weui-cell_active weui-cell_disabled">
                        <div class="weui-cell__hd"><label class="weui-label">车牌号</label></div>
                        <div class="weui-cell__bd">
                            <input autofocus class="weui-input" v-model="loginForm.plateNo" placeholder="请输入车牌号"/>
                        </div>
                    </div>
                    <div class="weui-cell weui-cell_active">
                        <div class="weui-cell__hd"><label class="weui-label">手机号</label></div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" v-model="loginForm.mobile" type="number" pattern="[0-9]*" placeholder="请输入手机号" maxlength="11"/>
                        </div>
                    </div>
                    <div class="weui-cell weui-cell_active weui-cell_vcode">
                        <div class="weui-cell__hd"><label class="weui-label">验证码</label></div>
                        <div class="weui-cell__bd">
                            <input class="weui-input"
                                   v-model="loginForm.smsCode"
                                   type="text" pattern="[0-9]*"
                                   placeholder="输入验证码"
                                   maxlength="4"/>
                        </div>
                        <div class="weui-cell__ft">
                            <button class="weui-btn weui-btn_default weui-vcode-btn"
                                    @click="getCode"
                                    :disabled="isDisabled">{{ codeText }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="weui-form__opr-area">
            <a class="weui-btn weui-btn_primary"
               :class="{'weui-btn_disabled': !confirmBtnClass}"
               @click="submit"
               href="javascript:"
               ref="confirmBtn">确定</a>
        </div>
    </div>

</div>
<script th:src="@{/js/login/login.js}"></script>
</body>
</html>